<{include file='customer/head.html'}>
<!-- 地图 -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=vG5LXHFKXEsclRCOIyyMKENet1PborAV"></script>
<body>

<div class="akr_main_inner">
	<ul class="proUl">
		<li>
			<b><{$count.jiaji}></b>
			<div>加急项目</div>
		</li>
		<li>
			<b><{$count.xinjian}></b>
			<div>新建项目</div>
		</li>
		<li>
			<b><{$count.kaifa}></b>
			<div>可开发项目</div>
		</li>
<!-- 		<li>
			<b><{$count.dahui}></b>
			<div>打回项目</div>
		</li>
		<li>
			<b><{$count.wancheng}></b>
			<div>完成项目</div>
		</li> -->
	</ul>
	<!-- 任务量 -->
	<div class="akr_task_panel">
		<div class="akr_task_title">任务完成量</div>
		<!-- <div class="data"></div> -->
		<div id="main" style="width: 100%;height: 300px;"></div>

	</div>
</div>

	<script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
		var date=<{$data.date}>;
		var count=<{$data.count}>;
		console.log(date);
		console.log(count);
        // 指定图表的配置项和数据
        var option = {
        		color: ['#1890ff'],
				tooltip: {
					trigger: 'axis',
					axisPointer: {            // 坐标轴指示器，坐标轴触发有效
						type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
					}
				},
				grid: {
					left: '3%',
					right: '4%',
					bottom: '3%',
					containLabel: true
				},
				xAxis: [
					{
						type: 'category',
						data: date,
						axisTick: {
							alignWithLabel: true
						}
					}
				],
				yAxis: [
					{
						type: 'value'
					}
				],
				series: [
					{
						name: '直接访问',
						type: 'bar',
						data: count
					}
				]
			};


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>
 
</html>